{extend name="normal_base" /}
{block name="navigation"}{/block}
{block name="body"}
<div class="x-body">
    <div class="layui-row">
        <form class="layui-form layui-col-md12 x-so" action="" method="get">
            <input type="text" name="username"  placeholder="请输入用户名" value="{$username}" autocomplete="off" class="layui-input">
            <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
        </form>
    </div>
    <xblock>
        <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
        <button class="layui-btn" onclick="x_admin_show('添加用户','{:url(\'add\')}')"><i class="layui-icon"></i>添加</button>
        <!--<span class="x-right" style="line-height:40px">共有数据：{$admin_user_list->toArray()['total']} 条</span>-->
    </xblock>
    <table class="layui-table">
        <thead>
        <tr>
            <th>
                <div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i class="layui-icon">&#xe605;</i></div>
            </th>
            <th>用户名</th>
            <th>邮箱</th>
            <th>所属组</th>
            <!--<th>创建时间</th>-->
            <th>最后登录时间</th>
            <th>最后登录IP</th>
            <th>状态</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        {foreach name="admin_user_list" item="vo"}
        <tr>
            <td>
                <div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='{$vo.id}'><i class="layui-icon">&#xe605;</i></div>
            </td>
            <td>{$vo.username}</td>
            <td>{$vo.email}</td>
            <td>{$user_group_arr[$vo.id]}</td>
            <td>{$vo.last_login_time > 0 ? date('Y-m-d H:i:s', $vo.last_login_time) : ''}</td>
            <td>{$vo.last_login_ip}</td>
            <td><form class="layui-form"><input user-id="{$vo.id}" type="checkbox" name="status" {if condition="$vo.id == $user_id"}disabled{/if} lay-filter="status_switch" lay-skin="switch" lay-text="启用|禁用" {if condition="$vo.status == 1"}checked="checked"{/if}></form></td>
            <!--<td>{$vo.create_time}</td>-->
            <td class="td-manage">
                <a title="编辑"  onclick="x_admin_show('编辑人员信息','edit/id/{$vo[\'id\']}')" href="javascript:;">
                    <i class="layui-icon">&#xe642;</i>
                </a>
                <a onclick="x_admin_show('修改密码','change_passwd/user_id/{$vo[\'id\']}',600,400)" title="修改密码" href="javascript:;">
                    <i class="layui-icon">&#xe631;</i>
                </a>
                <a title="删除" onclick="member_del(this,{$vo.id})" href="javascript:;">
                    <i class="layui-icon">&#xe640;</i>
                </a>
            </td>
        </tr>
        {/foreach}
        </tbody>
    </table>
    {$admin_user_list->render()}
</div>

{/block}

{block name="script"}
<script>
    layui.use('laydate', function(){
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#end' //指定元素
        });
    });

    /*用户-停用*/
    layui.use(['form','layer'], function(){
        $ = layui.jquery;
        var form = layui.form
                ,layer = layui.layer;

        //监听switch开关
        form.on('switch(status_switch)', function(data){
            var status;
            var str;
            if(data.elem.checked) {
                //启用
                status = 1;
                str = '启用';
            } else {
                //禁用
                status = 0;
                str = '禁用';
            }

            var user_id = $(data.elem).attr('user-id');
            $.ajax({
                type: "post",
                url: "change_user_status?user_id="+user_id+'&status='+status,
                dataType: "json",
                success: function(data){
                    if (data.code == 1) {
                        layer.msg(data.msg,{icon:5,time:1500});
                    } else {
                        layer.msg('操作成功',{icon:6,time:1500});
                    }
                }, error: function(){
                    layer.msg("请求出错",{icon:5,time:1500});
                }
            });
        });
    });

    /*用户-删除*/
    function member_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            //发异步删除数据
            $.ajax({
                type: "post",
                url: "delete?ids="+id,
                dataType: "json",
                success: function(data){
                    if (data.code == 1) {
                        layer.msg(data.msg);
                    } else {
                        layer.msg('已删除!',{icon:1,time:1000});
                        $(obj).parents("tr").remove();
                    }
                }, error: function(){
                    layer.msg("请求出错",{icon:5,time:1000});
                }
            });
        });
    }



    function delAll (argument) {
        //获取选中的id
        var data = tableCheck.getData();
        if (data.length > 0) {
            layer.confirm('确认要删除吗？',function(index){
                var success = 0;
                //捉到所有被选中的，发异步进行删除
                $.ajax({
                    type: "post",
                    url: "delete?ids="+data.join(','),
                    dataType: "json",
                    success: function(data){
                        if (data.code == 1) {
                            layer.msg(data.msg,{icon:5,time:1500});
                        } else {
                            layer.msg('已删除!',{icon:1,time:1000});
                            success = 1
                        }
                    }, error: function(){
                        layer.msg("请求出错",{icon:5,time:1000});
                    }
                });

                setTimeout(function () {
                    location.replace(location.href);
                }, 1500);
            });
        }
    }
</script>
{/block}